/* 字体定义 */
@font-face {
	font-family: 'Alibaba PuHuiTi 3.0';
	src: url('~/assets/fonts/AlibabaPuHuiTi-3-115-Black.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: block; /* 阻止字体交换，避免抖动 */
}
/* 字体定义 */
@font-face {
	font-family: '毛啃体';
	src: url('~/assets/fonts/MaoKenShiJinHei-2.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: block; /* 阻止字体交换，避免抖动 */
}
/* 全局样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  background-color: #f5f7fa;
}

#__nuxt {
  height: 100%;
}

/* 答题网站主题色彩 */
:root {
  --primary-color: #8BC34A;
  --primary-light: #C8E6C9;
  --primary-dark: #689F38;
  --secondary-color: #4CAF50;
  --accent-color: #FFC107;
  --background-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  --border-radius: 12px;
}

/* 卡片样式 */
.card {
  background: white;
  border-radius: var(--border-radius);
  box-shadow: var(--card-shadow);
  padding: 24px;
  margin: 16px 0;
}

/* 按钮样式 */
.btn-primary {
  background: var(--primary-color);
  border: none;
  border-radius: var(--border-radius);
  color: white;
  padding: 12px 24px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background: var(--primary-dark);
  transform: translateY(-2px);
}

/* 动画效果 */
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from, .fade-leave-to {
  opacity: 0;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .card {
    margin: 8px;
    padding: 16px;
  }
}